<!-- Add the class 'table' -->
<table class="table" cellspacing="0" width="100%">

    <thead>
        <tr>
            <th scope="col">Nome</th>
            <th scope="col">Email</th>            
            <th scope="col">Login</th>
            <th scope="col">Número de Lances</th>
            <th scope="col">Data de Criação</th>
            <th scope="col">Cidade (UF)</th>
            <th scope="col">Situação</th>
            <th scope="col" class="table-actions">Ações</th>
        </tr>
    </thead>
    
    <tbody>

    {foreach $clientes as $cliente}
        <tr>            
            <td>{$cliente->getPessoa()->getNome()}</td>
            <td>{$cliente->getEmail()}</td>
            <td>{$cliente->getLogin()}</td>            
            <td>{$cliente->getNumLances()} lance(s)</td> 
            <td>{$cliente->getDataCriacao()}</td>
            <td>{$cliente->getPessoa()->getEndereco()->getCidade()->getNome()} ({$cliente->getPessoa()->getEndereco()->getCidade()->getEstado()->getSigla()})</td>
            <td>{$cliente->getStatus()->getDescricao()}</td>

            <!-- The class table-actions is designed for action icons -->
            <td class="table-actions">
                <a href="ClienteAction.editar!clienteID-{$cliente->getUsuarioID()}" title="Editar" class="with-tip"><img alt="edit" src="include/images/icons/fugue/pencil.png" width="16" height="16"/></a>
                <a href="javascript:void(0);" onclick="abrirModalConfirmacao('ClienteAction.excluir!clienteID-{$cliente->getUsuarioID()}');" title="Deletar" class="with-tip"><img alt="del" src="include/images/icons/fugue/cross-circle.png" width="16" height="16"/></a>
            </td>
        </tr>

        {/foreach}

    </tbody>

</table>

{include file="view/include/paginacao.tpl"}